<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title>Content</title>

	<ui:composition template="templatePrincipal.xhtml">
		<ui:define name="header">
			<ui:include src="headerVendedor.xhtml" />
		</ui:define>
		<p:resources />
		<ui:define name="centro">
			<h:form prependId="false">
				<p:panel id="ppasso1" rendered="#{produtosViewBean.renderPasso1}">
					<p:panel id="pfoto" header="Passo 1 - Foto principal do produto">
						<p:fileUpload value="Selecionar Foto Principal" auto="true"
							label="Selecionar arquivo..."
							rendered="#{!produtosViewBean.renderContinuar}"
							fileUploadListener="#{produtosViewBean.uploadDeArquivo}"
							allowTypes="*.jpg;*.png;*.gif;" description="Images"
							update="ppasso1" />
						<!--  
						<p:graphicImage rendered="#{produtosViewBean.mostraImagem}"
							id="pimagem" value="#{produtosViewBean.produtoImagem}" />
						<p:commandButton value="Produtos" />
						-->
						<p:commandButton id="cmdcontinuar" value="Continuar"
							rendered="#{produtosViewBean.renderContinuar}"
							actionListener="#{produtosViewBean.contCadastro}" ajax="false" />

					</p:panel>
					<p:panel id="pdicas" header="Dicas">
					Se você quiser melhorar a qualidade das suas fotos, 
				    clique aqui e veja os vídeos com nossos tutoriais.
					Se houver algum problema no cadastro, clique aqui e 
					veja se suas configurações estão corretas.				
				</p:panel>
				</p:panel>
				<p:panel id="ppasso2" rendered="#{produtosViewBean.renderPasso2}"
					header="Passo 2 - Dados do produto ">
					<p:panel id="pdados" header="Dados do produto">
						  
						<p:graphicImage id="pimagem" value="#{produtosViewBean.produtoImagem}" 
							width="128" height="128" />
						
						<h:panelGrid columns="2">

							<h:outputLabel for="inputProdutoTitulo" value="Títilo do produto" />
							<h:inputText id="inputProdutoTitulo"
								value="#{produtosViewBean.produto.titulo}" />
								
							<h:outputLabel for="inputProdutoQEstoque" value="Quantidade Estoque" />
							<h:inputText id="inputProdutoQEstoque"
								value="#{produtosViewBean.produto.qtdEstoque}" />
								
							<h:outputLabel for="inputPrecoUnit" value="Preço Unitário" />
							<h:inputText id="inputPrecoUnit"
								value="#{produtosViewBean.produto.precoUnitario}" />
								
							<h:outputLabel for="inputTempoProducao" value="Tempo Producao (dias)" />
							<h:inputText id="inputTempoProducao"
								value="#{produtosViewBean.produto.tempoProducao}" />
								
							<h:outputLabel for="inputDescricao" value="Descricao" />
							<h:inputText id="inputDescricao"
								value="#{produtosViewBean.produto.descricao}" />								
								
						</h:panelGrid>


					</p:panel>
					<p:panel id="pdadosop" header="Dados opcionais">
						<h:panelGrid columns="2">
						
							<h:outputLabel for="inputProdutoTags" value="Tags para o produto" />
							<h:inputText id="inputProdutoTags"
								value="#{produtosViewBean.produto.tags}" />
								
							<h:outputLabel for="inputProdutoLargura" value="Largura (cm)" />
							<h:inputText id="inputProdutoLargura"
								value="#{produtosViewBean.produto.larguraCm}" />
								
							<h:outputLabel for="inputProdutoAltura" value="Altura (cm)" />
							<h:inputText id="inputProdutoAltura"
								value="#{produtosViewBean.produto.alturaCm}" />

							<h:outputLabel for="inputProdutoComprimento" value="Comprimento (cm)" />
							<h:inputText id="inputProdutoComprimento"
								value="#{produtosViewBean.produto.comprimentoCm}" />
								
							<h:outputLabel for="inputProdutoPeso" value="Peso (gramas)" />
							<h:inputText id="inputProdutoPeso"
								value="#{produtosViewBean.produto.pesoGramas}" />																
						
						
						
						</h:panelGrid>



					</p:panel>
						<p:commandButton id="cmdsalvar" value="Salvar e finalizar o cadastro"							 
							ajax="false" action="#{produtosViewBean.salvarProduto}"/>
					
				</p:panel>
			</h:form>
		</ui:define>
	</ui:composition>
</h:head>
</html>